/*头部css*/
.head-mobile,
.continer .continer-center .project-nav-mobile,
.continer .continer-center .project-nav-mobile .pro-nav-list-mobile{
	display: none;
}

.head{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #fff;
	/*background-color: green;*/
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	z-index: 999;
}
.head .head-center{
	position: relative;
	width: 1200px;
	height: 100%;
	background-color: #fff;
	/*// background-color: yellow;*/
	margin: 0 auto;
	overflow: hidden;
}
.head .head-center .logo{
	width: 221px;
	height: 52px;
	/*// background-color: red;*/
	margin-left: 0;
	margin-top: 24px;
	background-image: url(../../img/logo.png);
	background-repeat: no-repeat;
	background-size: 221px 52px;
}
.head .head-center .logo .logo-a{
	display: block;
	width: 100%;
	height: 100%;
}
.head .head-center .head-center-nav{
	position: absolute;
	right: 0;
	top: 0; 
	width: 579px;
	height: 100%;
	/*// background-color: red;*/
}
.head .head-center .nav-list{
	position: relative;
	float: left;
	width: 96.5px;
	height: 100%;
}
.head .head-center .nav-list a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 100px;
	color: #767676;
	font-size: 14px;
	transition: all 0.2s ease;
}
.head .head-center .nav-list .underline{
	position: absolute;
	/* display: none; */
	width: 20px;
	height: 1px;
	bottom: 34px;
	left: 38.25px;
	background-color: #668aca;
	opacity: 0;
	transition: all 1s ease;
}
.head .head-center .nav-list.active .underline,
.head .head-center .nav-list:hover .underline{
	/* display: block; */
	opacity: 1;
}
.head .head-center .nav-list.active a,
.head .head-center .nav-list a:hover{
	font-size: 18px;
	color: #668aca;
}
/*banner区域css*/
.banner{
	width: 100%;
	height: 300px;
	margin-top: 100px;
}
.banner .banner-center{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	background: url(../img/banner.jpg) no-repeat 0 0;
	background-size: 1200px 300px;
}
.continer{
	width: 100%;
	/*height: 1500px;*/
	/*background-color: green;*/
}
.continer .continer-center{
	width: 1200px;
	height: 100%;
	/*background-color: yellow;*/
	margin: 0 auto;
}
.continer .continer-center .project-furnishing{
	width: 100%;
	height: 700px;
	/*background-color: red;*/
}
/*共同title*/
.continer .continer-center .common-title{
	position: relative;
	width: 100%;
	height: 86px;
	/*background-color: yellow;*/
	margin-top: 48px;
}
.continer .continer-center .continer-nav{
	width: 180px;
	height: 35px;
	/*// background-color: red;*/
	font-size: 14px;
	line-height: 30px;
	color: #767676;
}
.continer .continer-center .continer-nav-arr{
	color: #c8c8c8;
}
.continer .continer-center .continer-nav a{
	color: #767676;
}
.continer .continer-center .continer-nav .active,
.continer .continer-center .continer-nav a:hover{
	color: #668aca;
}
.continer .continer-center .project-nav{
	position: absolute;
	width: 410px;
	height: 25px;
	top: 0;
	right: 0;
	/*// background-color: blue;*/
}
.continer .continer-center .project-nav .pro-nav-list{
	position: relative;
	float: left;
	width: 102px;
	height: 100%;
	font-size: 14px;
	text-align: center;
}
.continer .continer-center .project-nav .pro-nav-list a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 25px;
	color: #767676;
	transition: all 0.2s ease;
} 
.continer .continer-center .project-nav .mar-none{
 	margin-right: 0;
}
.continer .continer-center .project-nav .pro-nav-list .verticle-line{
	position: absolute;
	display: block;
	width: 1px;
	height: 8px;
	left: 99px;
	top: 8.5px;
	background-color: #b5b5b5;
}
.continer .continer-center .project-nav .pro-nav-list .transverse-line{
	position: absolute;
	/* display: none; */
	width: 12px;
	height: 1px;
	left: 45px;
	bottom: 1px;
	background-color: #668aca;
	opacity: 0;
	transition: all 1s ease;
}
.continer .continer-center .project-nav .pro-nav-list .active-line,
.continer .continer-center .project-nav .pro-nav-list:hover .transverse-line{
	/* display: block; */
	opacity: 1;
}
.continer .continer-center .project-nav .pro-nav-list .active,
.continer .continer-center .project-nav .pro-nav-list:hover a{
	color: #668aca;
	font-size: 16px;
}
/*放置furnishing前三张图片*/
.continer .furnishing-box-1{
	width: 100%;
	height: 270px;
	/*background-color: blue;*/
	overflow: hidden;
}
.continer .furnishing-box-2{
 	width: 100%;
 	height: 270px;
 	margin-top: 40px;
}
.continer .project-img-1{
	position: relative;
	float: left;
	width: 360px;
	height: 270px;
	
}
.continer .project-img-2{
	position: relative;
	float: left;
	width: 360px;
	height: 270px;
	
	margin-left: 60px;
	
}
.continer .project-img-3{
	position: relative;
	float: left;
	width: 360px;
	height: 270px;
	
	margin-left: 60px;
	
}
.continer .img-box{
	width: 100%;
	height: 180px;
	
	border-radius: 4px;
}
.continer .project-img-1-1{
	background-image: url(../../img/pro-img-1.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-2-1{
	background-image: url(../../img/pro-img-2.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-3-1{
	background-image: url(../../img/pro-img-3.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-4-1{
	background-image: url(../img/pro-img-4.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-5-1{
	background-image: url(../img/pro-img-5.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-6-1{
	background-image: url(../img/pro-img-6.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-7-1{
	background-image: url(../img/pro-img-7.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-8-1{
	background-image: url(../img/pro-img-8.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-9-1{
	background-image: url(../img/pro-img-9.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-10-1{
	background-image: url(../img/pro-img-10.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-11-1{
	background-image: url(../img/pro-img-11.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-12-1{
	background-image: url(../img/pro-img-12.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-13-1{
	background-image: url(../img/pro-img-13.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-14-1{
	background-image: url(../img/pro-img-14.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-15-1{
	background-image: url(../img/pro-img-15.0.jpg);
	background-repeat: no-repeat;
	background-size: 360px 180px;
}
.continer .project-img-text{
	position: relative;
	width: 360px;
	height: 90px;
	/*// background-color: red;*/
	/*// cursor: pointer;*/
}
.continer .project-img-text .text-a{
	text-indent: 50px;
	padding-top: 25px;
	font-size: 14px;
	color: #767676;
}
.continer .project-img-text .text-b{
	text-indent: 50px;
	font-size: 12px;
	color: #767676;
}
.continer .project-img-text .pro-arr{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 30px;
	right: 50px;
	background-image: url(../../img/arr.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-radius: 50%;	
}
.continer .project-img-text:hover{
	background-color: rgba(0, 0, 0, 0.02);
}
.continer .pro-mask{
	position: absolute;
	/* display: none; */
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background-color: rgba(0,0,0,0.6);
	border-radius: 4px;
	z-index: 10;
	opacity: 0;
	transition: all 1s ease;
}
.continer .pro-mask .pro-mask-p1{
	font-size: 14px;
	color: #fff;
	text-indent: 50px;
	padding-top: 60px;
}
.continer .pro-mask .pro-mask-p2{
	font-size: 12px;
	color: #fff;
	text-indent: 50px;
}
.continer .pro-mask .pro-mask-p3,
.continer .pro-mask .pro-mask-p4{
	font-size: 12px;
	text-indent: 50px;
	color: #fff;
}
.continer .pro-mask .pro-mask-p3{
	padding-top: 20px;
}
.continer .pro-mask .pro-mask-arr{
	position: absolute;
	right: 50px;
	bottom: 60px;
	width: 30px;
	height: 30px;
	background-image: url(../../img/arr0.png);
	background-repeat: no-repeat;
	background-size: 30px 30px;
	border-radius: 50%;
}
.continer .pro-mask .pro-mask-arr a{
	display: block;
	width: 100%;
	height: 100%;
}
.continer .pro-mask-img{
	position: absolute;
	/* display: none; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../img/pro-img-1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 4px;
	z-index: 9;
	opacity: 0;
	transition: all 2s ease;
}
.continer .img-box:hover .pro-mask-img,
.continer .img-box:hover .pro-mask{
	/* display: block; */
	opacity: 1;
	height: 100%;
}
.continer .pro-mask-img.i2{
	background-image: url(../../img/pro-img-2.jpg);
}
.continer .pro-mask-img.i3{
	background-image: url(../img/pro-img-3.jpg);
}
.continer .pro-mask-img.i4{
	background-image: url(../img/pro-img-4.jpg);
}
.continer .pro-mask-img.i5{
	background-image: url(../img/pro-img-5.jpg);
}
.continer .pro-mask-img.i6{
	background-image: url(../img/pro-img-6.jpg);
}
.continer .pro-mask-img.i7{
	background-image: url(../img/pro-img-7.jpg);
}
.continer .pro-mask-img.i8{
	background-image: url(../img/pro-img-8.jpg);
}
.continer .pro-mask-img.i9{
	background-image: url(../img/pro-img-9.jpg);
}
.continer .pro-mask-img.i10{
	background-image: url(../img/pro-img-10.jpg);
}
.continer .pro-mask-img.i11{
	background-image: url(../img/pro-img-11.jpg);
}
.continer .pro-mask-img.i12{
	background-image: url(../img/pro-img-12.jpg);
}
.continer .pro-mask-img.i13{
	background-image: url(../img/pro-img-13.jpg);
}
.continer .pro-mask-img.i14{
	background-image: url(../img/pro-img-14.jpg);
}
.continer .pro-mask-img.i15{
	background-image: url(../img/pro-img-15.jpg);
}
.continer .continer-center .project-office{
	position: relative;
	width: 100%;
	height: 360px;
	/*background-color: red;*/
}
.continer .continer-center .furnishing-box-1.office,
.continer .continer-center .furnishing-box-1.restaurant{
	margin-top: 50px;
}
.continer .continer-center .project-restaurant,
.continer .continer-center .project-more{
	position: relative;
	width: 100%;
	height: 360px;
	margin-top: 25px;
	/*background-color: red;*/
}
.foot{
	width: 100%;
	height: 175px;
	background-color: #f7f7f7;
	margin-top: 70px;
}
.foot .foot-center{
	position: relative;
	width: 1200px;
	height: 100%;
	/* background-color: green; */
	margin: 0 auto;
}
.foot .foot-center .foot-center-left{
	text-align: center;
	position: absolute;
	width: 387px;
	height: 75px;
	left: 0;
	top: 50px;
	font-size: 16px;
	color: #767676;
	/* background-color: red; */
}
.foot .foot-center .foot-center-middle{
	position: absolute;
	width: 434px;
	height: 75px;
	left: 388px;
	top: 50px;
	/* background-color: red; */
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	text-indent: 60px;
	font-size: 14px;
	color: #767676;
}
.foot .foot-center .foot-center-right{
	position: absolute;
	width: 376px;
	height: 75px;
	right: 0;
	top: 50px;
	/* background-color: red; */
	text-indent: 60px;
	font-size: 14px;
	color: #767676;
}
.foot .foot-center .foot-center-left .weibo{
	position: absolute;
	width: 25px;
	height: 25px;
	left: 131px;
	top: 26px;
	background: url(../../img/xl.png) no-repeat 0 0;
}
.foot .foot-center .foot-center-left .wx{
	position: absolute;
	width: 25px;
	height: 25px;
	left: 181px;
	top: 26px;
	background: url(../../img/wx.png) no-repeat 0 0;
}
.foot .foot-center .foot-center-left .qq{
	position: absolute;
	width: 25px;
	height: 25px;
	left: 227px;
	top: 26px;
	background: url(../../img/qq.png) no-repeat 0 0;
}
.foot .foot-center .foot-center-right p,
.foot .foot-center .foot-center-middle p{
	padding-top: 5px;
}